@charset "utf-8";

/*-----------中间内容---------------*/

/*瀑布流*/
._masonry-class{text-align: center;margin: 12px 0;}
._masonry-class a{color: #313131;font-size: 14px;border-bottom: 2px solid transparent;padding:5px 0;line-height: 14px;display: inline-block;}
._masonry-class a.active{border-bottom-color: #e60012;}
._masonry-class a:hover{ text-decoration: none}
._masonry-class a:focus{ text-decoration: none}
._header-language a:hover{ text-decoration: none}
._header-language a:focus{ text-decoration: none}
._masonry-class span{color: #535353;margin: 0 25px;display: inline-block;}

/*筛选条件、地图图标保持fixed*/
._fixed{position: fixed;top: 50%;right: 10%;}
._fixed img{width: 30px;height: 30px;cursor: pointer;}
._fixed ._fixed-filter{margin-bottom: 10px;}

._filter{color:#313131;font-size: 14px;line-height: 15px;border: 1px solid #d6d6d6;width: 196px;position: absolute;top: -20%;right: 44px;margin-top: -58px;background-color: #FFFFFF;
  /*-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .3); */
  /*-moz-box-shadow:0 0 8px rgba(0, 0, 0, .3);*/
  /*box-shadow:0 0 8px rgba(0, 0, 0, .3);*/
  -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;display: none;}

._filter-arrow{position: absolute;width: 20px;height: 20px;transform: rotate(45deg);background-color: #FFFFFF;right: -8px;top: 50%;-webkit-border-radius: 2px;border-radius: 2px;}
._filter>ul{padding: 0;margin: 0;}
._filter>ul>li{padding: 0;margin: 0;}
._filter>ul>li>p{margin: 0;font-weight: 700;padding: 6px;}
._filter>ul>li>ul{padding: 0;margin: 0;}
._filter>ul>li>ul>li{margin: 0;padding: 0;color:#313131;font-size: 14px;}
._filter p{margin: 0;cursor: pointer;}
._filter p a{color: inherit;display: block;padding: 6px;}
._filter p span{width: 1px;background-color: transparent;height: 15px;display: inline-block;vertical-align: middle;margin-right: 6px;}
._filter p i{margin-left: 5px;}
._filter>ul>li.active>p,._filter>ul>li>ul>li.active{background-color: #EEEEEE;}
._filter .active p span{background-color: #E60012;}


/*登录弹框*/
/*@media (min-width: 768px){
._modal-form .modal-dialog {width: 340px; margin: 148px auto 30px auto;}
}
._modal-form .modal-header{border-bottom: none;}
._modal-form .modal-title{font-size: 16px;color: #4d4d4d;text-align: center;}
._modal-form .modal-tip{font-size: 14px;color: #4D4D4D;margin: -15px -15px 5px;}
._modal-form .modal-tip a{color: #E60012;}
._modal-form .modal-content{-webkit-border-radius: 0;border-radius: 0;padding: 0 33px;}

._login-form .form-group{margin-bottom: 11px;}
._login-form .form-control{border-color: #e4e4e4;-webkit-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;border-radius: 0;}
._login-form .form-control.error{border-color: #e60012;}
._login-form .form-line{background-color: #c9c9c9;height: 1px;margin:21px -31px;}
._login-form .form-forget{text-align: right;margin: 16px -15px 16px;}
._login-form .form-forget a{color: #4D4D4D;font-size: 14px;}
._login-form .form-error{color: #e60012;font-size: 12px;line-height: 18px;margin: 3px 0;}
._login-form .btn-submit{width: 100%;background-color: #e60012;color: #FFFFFF;-webkit-border-radius: 0;border-radius: 0;outline: none;font-size: 14px;height: 36px;}
*/



/*创建会员账号*/
/*._reg-title{font-size: 16px;color: #535353;padding: 18px 0;margin-bottom: 20px;font-weight: 700;}
._reg-form{margin: 0;}
._reg-form .form-group{margin-bottom: 20px;}
._reg-form .form-div{width: 100%;display: inline-block;}
._reg-form .form-tip{font-size: 14px;color: #000000;margin-bottom:5px;font-weight: normal;}
._reg-form .form-tip span,._reg-form .input-tip span{font-size: 26px;color: #e60012;font-style: normal;height: 20px;line-height: 26px;display: inline-block;vertical-align: middle;margin: 0 3px;}
._reg-form .form-control{border-color: #e4e4e4;-webkit-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;border-radius: 0;}
._reg-form .form-select-inline .has-feedback{display: inline-block;margin-right: 10px;}
._reg-form .form-select-inline .form-select-input-arrow{right: 0 !important;}
._reg-form .form-select-inline .form-control{padding-right: 20px;}
._reg-form .form-select-inline .form-select{top: 6px;left: 5px;right: 5px;}
._reg-form .form-select-input{background-color: #EEEEEE;cursor: pointer;}
._reg-form .form-select-input-arrow{color: #818181;font-size: 16px;width: 16px;line-height: 34px;top: inherit !important;bottom: 0;}
._reg-form .form-select{position: absolute;left: 21px;top: 49px;right: 21px;margin: 0;padding: 0;background-color: #FFFFFF;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 8px rgba(0, 0, 0, .3);box-shadow:0 0 8px rgba(0, 0, 0, .3);z-index: 3;display: none;}
._reg-form .form-select>li{margin: 0;padding: 0;font-size: 14px;color: #434343;line-height: 20px;padding: 9px 18px;cursor: pointer;position: relative;}
._reg-form .form-select>li.active{background-color: #EEEEEE;}
._reg-form .form-select>li.active:after{content:"";width: 1px;height: 14px;background-color: #e60012;position: absolute;left: 9px;top: 12px;}
._reg-form .form-submit,.btn-submit{width: 100%;background-color: #e60012;color: #FFFFFF;-webkit-border-radius: 0;border-radius: 0;outline: none;font-size: 14px;}
._reg-form .input-tip{color: #000000;margin-bottom: 20px;}*/


/*捐款支持*/
._donation-title{font-size: 16px;color: #535353;padding: 18px 0;margin-bottom: 20px;font-weight: 700;}
._donation-progress{padding: 0;margin: 0 0 55px;display: flex;align-items: center;align-content: center;}
._donation-progress>li{margin: 0;padding: 0;height: 1px;flex: 1;background-color: #DCDCDC;position: relative;}
._donation-progress>li>p{font-size: 12px;color: #535353;text-align: center;line-height: 20px;margin: 10px 0;}
._donation-progress>li>span{position: absolute;right: 0;top: -6px;background-color: #a0a0a0;width: 13px;height: 13px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
._donation-progress>li.active1,._donation-progress>li.active1>span{background-color: #E60012;}
._donation-progress>li.active2:after{content: '';height: 1px;background-color: #E60012;position: absolute;left: 0;right: 50%;z-index: 1;top: 0;}
._donation-money{background-color: #e60012;color: #FFFFFF;text-align: center;line-height: 35px;margin: 18px -10px 28px;}
._donation-btn{margin-top: 17px;margin-bottom: 17px;}
._donation-name{color: #000000;font-size: 14px;font-weight: 700;line-height: 32px;display: flex;align-items: center;}
._donation-name-text{width: 100px;}
._donation-name-bank{flex: 1;text-align: right;}
._donation-name-bank img{margin-left: 5px;}
._donation .btn-submit{width: 100%;background-color: #e60012;color: #FFFFFF;-webkit-border-radius: 0;border-radius: 0;outline: none;font-size: 14px;height: 36px;}
._donation .btn-submit:hover{color: #FFFFFF;}

._donation-title3{font-size: 14px;color: #535353;padding: 18px 0 0 0;margin-bottom: 0;font-weight: 700;}
._donation-intro3{font-size: 14px;color: #535353;padding: 18px 0 0 0;margin-bottom: 0;}
._donation-intro3 img{margin-right: 10px;}
._donation-intro3 a{color: #e60012;margin-left: 20px;}
._donation-btn3{padding-top: 30px;}

._donation-success{padding-top: 15px;font-size: 14px;}

/*会员说明*/
._user-intro{margin-top: 2px;}
._user-intro ._p1{font-size: 14px;line-height: 21px;margin-bottom: 25px;}
._user-intro ._p2{font-size: 15px;line-height: 21px;margin-bottom: 25px;}
._user-intro h5{font-weight: 700;color: #4D4D4D;margin: 15px 0;}
._user-intro-list {margin: 0;padding: 0;}
._user-intro-list li{margin: 0;padding: 0;display: flex;}
._user-intro-list ._list-l{width: 25px;}
._user-intro-list ._list-l span{width: 10px;height: 10px;background-color: #e60012;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;}
._user-intro-list ._list-r{color: #4d4d4d;font-size: 14px;}
._user-intro-back{margin-top: 45px;}
._user-intro-back ._back{color: #535353;font-size: 14px;line-height: 34px;}


/*材料详情*/
@media (min-width: 675px) {
  ._res {
    width: 675px !important;
  }
  ._collect-modal .modal-dialog{width:372px}
}
._res{display: flex;margin: 30px auto;}
._res-left{flex: 1;}
._res-name{font-size: 16px;color: #535353;line-height: 18px;margin: 0 0 12px 0;}
._res-place{display: flex;justify-content: space-between;margin-bottom: 15px;}
._res-place>div,._res-place>div>a{font-size: 12px;color: #000000;line-height: 20px;}
._res-place>div>a{text-decoration: underline;}
._res-bigimg{margin-bottom: 45px;}
._res-bigimg>img{width: 100%;}
._res-bigimg>div{width: 100%;height: 120px;}
._res-intro{font-size: 14px;color: #4D4D4D;}

._res-tab{border-top: 1px solid #b5b5b5;border-bottom: 1px solid #B5B5B5;display: flex;margin: 45px 0;}
._res-tab .nav-tabs{width: 130px;border-bottom: none;border-right: 1px solid #B5B5B5;padding: 14px 0;}
._res-tab .nav-tabs>li{width: 100%;}
._res-tab .nav-tabs>li>a{font-size: 14px;line-height: 20px;color: #4D4D4D;margin: 0;border: none;border-right: 1px solid #B5B5B5;border-top: 1px solid transparent;border-bottom: 1px solid transparent;margin-right: -1px;padding: 8px;}
._res-tab .nav>li>a:hover, ._res-tab .nav>li>a:focus{background-color: transparent;}
._res-tab .nav-tabs>li.active>a, ._res-tab .nav-tabs>li.active>a:hover, ._res-tab .nav-tabs>li.active>a:focus{border: none;border-top:1px solid #B5B5B5;border-bottom:1px solid #B5B5B5;border-right: 1px solid #FFFFFF;background-color: transparent;-webkit-border-radius: 0;border-radius: 0;}
._res-tab .nav-tabs>li.active>a:after{content:'';width: 1px;background-color: #E60012;position: absolute;left: 0;height: 20px;}

._res-tab .tab-content{flex: 1;padding: 20px 0 20px 45px;}
._res-attr1,._res-attr4{display: flex;flex-wrap: wrap;}
._res-attr1>div,._res-attr4>div{flex: 0 0 33.333%;font-size: 14px;color: #4D4D4D;line-height: 20px;margin-bottom: 5px;}
._res-attr4>div{flex: 0 0 50%;}
._res-attr1>div>span,._res-attr4>div>span{width: 12px;height: 12px;border: 1px solid #818181;display: inline-block;margin-right: 6px;}
._res-attr1>div.active>span,._res-attr4>div.active>span{background-color: #E60012;border-color: #9a262f;}

._res-attr2{padding: 0;margin: 0;}
._res-attr2>li{padding: 0;margin: 0 0 5px;width: 100%;}
._res-attr2>li:last-child{margin: 0;}
._res-attr2>li>div{display: inline-block;font-size: 14px;color: #4D4D4D;margin-right: 20px;}
._res-attr2>li>div:last-child{margin: 0;}
._res-attr2>li>div>span{width: 12px;height: 12px;border: 1px solid #818181;display: inline-block;margin-right: 6px;}
._res-attr2>li>div.active>span{background-color: #E60012;border-color: #9a262f;}

._res-heart{margin-top: 42px;}
._res-heart>a{color: #E60012;font-size: 14px;}
._res-heart>a:hover{color: #E60012;cursor: pointer;}

._res-right{width: 100px;margin-top: 65px;margin-left: 40px;}
._res-smallimg{padding: 0;margin: 0;max-height: 316px;overflow: hidden;position: relative;}
._res-smallimg>li{padding: 0;margin: 0 0 8px 0;cursor: pointer;}
._res-smallimg>li._res-img{position: relative;top: 0;}
._res-smallimg>li._res-arrow-up,._res-smallimg>li._res-arrow-down{position: absolute;text-align: center;left: 0;right: 0;margin: 0;z-index: 2;}
._res-smallimg>li._res-arrow-up .fa,._res-smallimg>li._res-arrow-down .fa{font-size: 40px;color: #FFFFFF;line-height: 30px;cursor: pointer;}
._res-smallimg>li._res-arrow-up{top: 0;}
._res-smallimg>li._res-arrow-down{bottom: 0;}
._res-smallimg>li._res-arrow-up.disabled .fa,._res-smallimg>li._res-arrow-down.disabled .fa{color: #CCCCCC;cursor: default;}

._res-tag-title{font-size: 12px;color: #000000;font-weight: 700;margin:50px 0 18px 0;}
._res-tag{padding: 0;margin: 0;}
._res-tag>li{padding: 0;margin: 0;height: 15px;margin-bottom: 15px;}
._res-tag>li>a{background-color: #707070;color: #FFFFFF;font-size: 12px;line-height: 12px;overflow: hidden;display: inline-block;padding: 2px 6px;}


._collect-modal .modal-content{-webkit-border-radius: 0;border-radius: 0;}
._collect-modal .modal-header{padding-bottom: 10px;}
._collect-modal .modal-title{text-align: center;font-size: 16px;line-height: 20px;color: #4D4D4D;margin-bottom: 10px;}
._collect-modal .modal-tip{font-size: 12px;color: #1B1B1B;margin: 0;}
._collect-modal .modal-tip>a{color: #E60012;}
._collect-modal .modal-body{padding: 0;}
._collect-modal ._collect-add{padding: 0 15px;}
._collect-modal ._collect-add>p{color: #313131;font-size: 14px;line-height: 21px;padding: 8px 0;margin: 0;cursor: pointer;}
._collect-modal ._collect-add .form-btn{padding: 0;margin: 10px 0;}
._collect-modal ._list-all{background-color: #eeeeee;height: 21px;line-height: 21px;border-top: 1px solid #DCDCDC;margin: 0;padding: 0 15px;}
._collect-modal ._list{margin: 0;padding: 0;height: 333px;overflow-y: auto;}
._collect-modal ._list>li{margin: 0;padding: 0 15px;border-top: 1px solid #DCDCDC;font-size: 14px;color: #313131;cursor: pointer;position: relative;line-height: 37px;height: 37px;overflow: hidden;}
._collect-modal ._list>li.active{background-color: #EEEEEE;}
._collect-modal ._list>li.active:after{content: '';width: 1px;background-color: #E60012;position: absolute;left: 7px;height: 14px;top: 12px;}



/*制造厂详情*/
._factory-address{padding: 0;margin: 5px 0 25px 0;}
._factory-address>li{margin: 0;padding: 0;font-size: 14px;color: #4D4D4D;}
._factory-masonry{border-top: 1px solid #A0A0A0;padding: 15px 0;margin: 44px 0 15px;}

._factory-right{margin-left: 40px;}
._factory-right>ul{padding: 0;margin: 0;}
._factory-right>ul>li{padding: 0;margin-bottom: 3px;}
._factory-right>ul>li>a{color: #000000;font-size: 12px;text-decoration: underline;cursor: pointer;}

._factory-box{background-color: #F2F2F2;border: 1px dashed #A0A0A0;padding: 14px;margin-bottom: 40px;}
._factory-box>p{margin: 0;cursor: pointer;text-align: center;font-size: 20px;line-height: 24px;}
._factory-box h5{text-align: left;font-size: 14px;color: #4d4d4d;font-weight: 700;}
._factory-box .dl-horizontal{margin: 0;}
._factory-box .dl-horizontal dt{width: 10px;height: 10px;margin-top: 5px;background-color: #535353;-moz-border-radius:50%;-webkit-border-radius: 50%;border-radius: 50%;}
._factory-box .dl-horizontal dd{text-align: left;font-size: 14px;color: #4d4d4d;margin-left: 25px;line-height: 20px;}



/*地图*/
._map-count{text-align: center;}
._map-count .table{width: 350px;margin: 5px auto;}
._map-count .table>tbody>tr>td{text-align: left;border: none;padding: 0 2px;}
._map-count img{width: 17px;vertical-align: middle;}

._map{background-color: #FFFFFF;max-width: 1247px;width: 100%;height: 620px;margin: 0 auto;border: 1px solid #DDDDDD;}
._map>div{width: 100%;height: 100%;}

._map-window{width: 217px;border: 1px solid #EEEEEE;background-color: #FFFFFF;padding: 10px;}
._map-window>ul{margin: 0;padding: 0;height: 95px;overflow: hidden;}
._map-window>ul>li{margin: 0;padding: 0;}
._map-window>ul>li img{width: 100%;height: 95px;}
